草庐IT

iOS 可重用组件

全部标签

javascript - 从 Angular 5 组件访问父类(super class)字段

我有一个包含组件通用功能的父类(superclass)。exportclassAbstractComponentimplementsOnInit{publicuser:User;constructor(publichttp:HttpClient){}ngOnInit():void{this.http.get('url').subscribe(user=>{this.user=user;});}}我有一个实现这个父类(superclass)的子类。@Component({selector:'app-header',templateUrl:'./header.component.html'

javascript - Angular 如何测试需要位置的组件

您好,感谢您抽出宝贵时间!我正在学习如何使用Angular,并且我有兴趣学习如何测试它的组件。目前我正在苦苦挣扎,因为我已经完成了Angular页面的英雄之旅教程,我正在测试代码以更好地理解它。重点是我正在测试hero-details组件,代码是:import{Component,OnInit,Input}from'@angular/core';import{ActivatedRoute}from'@angular/router';import{MyHeroService}from'../hero-service/my-hero.service';import{Location}fro

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - 使用 <img> 为 markdown gatsbyjs 创建自定义组件

我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像,因为找不到图像,因为它不存在我也意识到图像路径是由GatsbyJS生成的,我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件,但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens![ImagefromGyazo](./screen1.png)我创建了一个名为imageholder的自定义组件,它在显示图像

javascript - 带有 Socket.IO 的 NodeJS 延迟发送数据

我使用的示例来自Socket.IO主页(http://socket.io/)。它可以正常工作,但在发送数据和另一端接收数据之间存在巨大的延迟。我正在使用XAMPP,我的目录中有socket.html,并在我的浏览器中使用“http://localhost/socket.html”导航到它,我让服务器监听端口8080。服务器:vario=require('socket.io').listen(8080);io.sockets.on('connection',function(socket){socket.emit('news',{hello:'world'});socket.on('my

javascript - 在 Socket.IO 和 WS 之间共享 WebSocket 连接

为了能够在利用Socket.IO的RPC功能的同时发送二进制数据,我认为我可以同时使用Socket.IO和WS同一台服务器上的模块。我想知道是否可以使用同一个HTTP服务器,而不是打开完全独立的服务器来建立两个连接。是否可以同时为Socket.IO和WS仅使用一个通过http.createServer()创建的服务器?明确地说,我希望从客户端创建Socket.IO连接和常规WebSocket连接。以下代码在客户端创建协议(protocol)错误,大概是因为Socket.IO和WS都在尝试处理连接。varhttp=require('http');varserver=http.create

javascript - Socket.io 检测断开连接原因

我正在使用socket.io,我可以从断开事件中检测断开原因吗?我可以在这样的日志文件中看到信息:传输端(启动)信息:传输结束(关闭超时)信息:传输结束(错误)我想知道原因(启动、关闭超时、错误)我会这样使用:socket.on('disconnect',function(){console.log('User1disconnectedbecause'+reason);});我能知道原因吗?编辑:我找到了解决方案socket.on('disconnect',function(reason){console.log('User1disconnectedbecause'+reason);}

javascript - 加载时重置 Ember 组件

我有一个Ember.Component,它将项目添加到一个空数组并在提交时返回该数组。问题是,如果我离开包含组件的路由(提交后和未提交后),然后稍后返回,数组中最后的信息仍然存在。每次使用组件导航到路线时,我都想重置。如果这是一条路线,我只需编写一个willTransition或deactivate方法来重置我的属性。但由于它是一个组件,它没有这些方法,而且我无法(据我所知)访问我希望从父路由重置的属性。那么,每次加载这条路由时,如何将这个数组重置为空(或重置整个组件)?谢谢! 最佳答案 更有可能的是,您没有设置正确使用的值。举这些

javascript - segment.io javascript 发布失败并出现 CORS 错误

当我尝试使用来自segment.io网站的示例“入门”javascript代码加载网页时,我遇到了跨源资源共享(CORS)错误。下面是html本身。我没有在出售此页面的play2.1.3服务器上设置任何header,但我认为这不是必需的,因为其他用户已向我保证他们可以毫无问题地运行它。:window.analytics=window.analytics||[],window.analytics.methods=["identify","group","track","page","pageview","alias","ready","on","once","off","trackLin